.hand-img-wrp {
    float: right;
    transform: rotate(30deg);
    margin-right: -200px;
    margin-top: 60px;
    width: 70%;
    left: -80px;
    position: relative;
}
.hand-img-wrp img {
    max-width: 100%;
}
.hand-img-wrp img.hand-img {
    max-width: 100%;
}
.hand-img-wrp img.hand-ovelay {
    position: absolute;
    z-index:4;
    width: 100%;
}
.hand-img-wrp img.finger-img {
    position: absolute;
    max-width: 100%;
}
.hand-img-wrp img.finger-img.firstfinger {
    top: -110px;
    left: -79px;
    z-index: 4;
}
.hand-img-wrp img.finger-img.secondfinger {
    width: 100%;
    top: -15%;
    left: -11.4%;
    z-index: 2;
}
.hand-img-wrp img.finger-img.thirdfinger {
    width: 100%;
    top: -13.3%;
    left: -14.2%;
    z-index: 1;
}
.hand-img-wrp img.finger-img.fouthfinger {
    position: absolute;
    max-width: 100%;
    top: -8.4%;
    left: -17.5%;
    z-index: 0;
}
.finger-img.firstfinger {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
}
.finger-img.secondfinger {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform: rotate(-28deg);
    -moz-transform: rotate(-28deg);
    -o-transform: rotate(-28deg);
    -ms-transform: rotate(-28deg);
    transform: rotate(-28deg);
}
.finger-img.thirdfinger {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform: rotate(-32deg);
    -moz-transform: rotate(-32deg);
    -o-transform: rotate(-32deg);
    -ms-transform: rotate(-32deg);
    transform: rotate(-32deg);
}
.finger-img.fouthfinger {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    -webkit-transform: rotate(-38deg);
    -moz-transform: rotate(-38deg);
    -o-transform: rotate(-38deg);
    -ms-transform: rotate(-38deg);
    transform: rotate(-38deg);
}
/* menu 1 */

.finger-img.firstfinger.menu1 {
    -webkit-transform: rotate(-22deg);
    -moz-transform: rotate(-22deg);
    -o-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
}
.finger-img.secondfinger.menu1 {
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
}
.finger-img.thirdfinger.menu1 {
    -webkit-transform: rotate(-27deg);
    -moz-transform: rotate(-27deg);
    -o-transform: rotate(-27deg);
    -ms-transform: rotate(-27deg);
    transform: rotate(-27deg);
}
.finger-img.fouthfinger.menu1 {
    -webkit-transform: rotate(-32deg);
    -moz-transform: rotate(-32deg);
    -o-transform: rotate(-32deg);
    -ms-transform: rotate(-32deg);
    transform: rotate(-32deg);
}
/* menu 2 */
.finger-img.firstfinger.menu2 {
    -webkit-transform: rotate(-18deg);
    -moz-transform: rotate(-18deg);
    -o-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
}
.finger-img.secondfinger.menu2 {
    -webkit-transform: rotate(-23deg);
    -moz-transform: rotate(-23deg);
    -o-transform: rotate(-23deg);
    -ms-transform: rotate(-23deg);
    transform: rotate(-23deg);
}
.finger-img.thirdfinger.menu2 {
    -webkit-transform: rotate(-23deg);
    -moz-transform: rotate(-23deg);
    -o-transform: rotate(-23deg);
    -ms-transform: rotate(-23deg);
    transform: rotate(-23deg);
}
.finger-img.fouthfinger.menu2 {
    -webkit-transform: rotate(-28deg);
    -moz-transform: rotate(-28deg);
    -o-transform: rotate(-28deg);
    -ms-transform: rotate(-28deg);
    transform: rotate(-28deg);
}
/* menu 3 */
.finger-img.firstfinger.menu3 {
    -webkit-transform: rotate(-14deg);
    -moz-transform: rotate(-14deg);
    -o-transform: rotate(-14deg);
    -ms-transform: rotate(-14deg);
    transform: rotate(-14deg);
}
.finger-img.secondfinger.menu3 {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
}
.finger-img.thirdfinger.menu3 {
    -webkit-transform: rotate(-18deg);
    -moz-transform: rotate(-18deg);
    -o-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
}
.finger-img.fouthfinger.menu3 {
    -webkit-transform: rotate(-22deg);
    -moz-transform: rotate(-22deg);
    -o-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
}
/* menu 4 */
.finger-img.firstfinger.menu4 {
    -webkit-transform: rotate(-11deg);
    -moz-transform: rotate(-11deg);
    -o-transform: rotate(-11deg);
    -ms-transform: rotate(-11deg);
    transform: rotate(-11deg);
}
.finger-img.secondfinger.menu4 {
    -webkit-transform: rotate(-16deg);
    -moz-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg);
}
.finger-img.thirdfinger.menu4 {
    -webkit-transform: rotate(-13deg);
    -moz-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    transform: rotate(-13deg);
}
.finger-img.fouthfinger.menu4 {
    -webkit-transform: rotate(-16deg);
    -moz-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg);
}
/* menu 5 */
.finger-img.firstfinger.menu5 {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
}
.finger-img.secondfinger.menu5 {
    -webkit-transform: rotate(-12deg);
    -moz-transform: rotate(-12deg);
    -o-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
}
.finger-img.thirdfinger.menu5 {
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
}
.finger-img.fouthfinger.menu5 {
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
}
.hand-bg {
    background:url(../hand/hand-bg.jpg) center center no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    width:100%;
    height:800px;
    position:relative;
}
.banner-text {
    position: absolute;
    background-color: transparent;
    top: 125px;
    left: 125px;
    z-index: 999;
    font-weight: bold;
}
.banner-text h3 {
    font-size: 55px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    text-shadow: 0 0 5px rgba(121, 121, 121, 0.5);
}
@media (max-width: 767px) {
.hand-img-wrp{
    display: none;
}
.hand-bg {
    height:300px;
}
}